<template>
	<div class="titleBox">
		<span></span>
		<p>{{ props.title }}</p>
	</div>
</template>

<script setup lang='ts'>
const props = defineProps(['title']);
</script>

<style scoped lang='scss'>
.titleBox {
	display: flex;
	font-size: 16px;
	margin-top: -15px;
	margin-left: -15px;

	span {
		display: block;
		width: 3px;
		height: 20px;
		border-radius: 0px 5px 5px 0px;
		background-color: $base-table-fontColor;
	}

	p {
		margin-left: 20px;
		line-height: 20px;
	}
}
</style>